<html lang="zh">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>联系客服</title>
    <link rel="stylesheet" href="/css/kf.css">
</head>

<body lang="zh">
    <img width="100%" height="100%" src="img/14.jpg">
    <div class="abs cover contaniner">
        <div class="abs cover pnl">
            <div class="top pnl-head" style="background-image: url(img/2.jpg);"></div>
            <div class="abs cover pnl-body" id="pnlBody">
                <div class="abs cover pnl-left">
                    <div class="abs cover pnl-msgs scroll" id="show">
                        <div class="msg min time" id="histStart">加载历史消息</div>
                        <div class="pnl-list" id="hists">
                            <!-- 历史消息 -->
                        </div>
                        <div class="pnl-list" id="msgs">
                            <div class="msg robot">
                                <div class="msg-left" id="welcomeLeft" worker="客服">
                                    <div class="msg-host photo" id="welcomeIcon"
                                        style="background-image: url(&quot;https://www.v5kf.com/files/icons/201711/15118623985.png&quot;);">
                                    </div>
                                    <div class="msg-ball" id="welcomeBall">
                                        <span>当前客服离线，有事请留言<a href="javascript:void(0)" onclick="notInfoAgain()"
                                                style="margin-left:5px">不再提醒</a></span></div>
                                </div>
                            </div>

                        </div>
                        <div class="pnl-list hide" id="unreadLine">
                            <div class="msg min time unread">未读消息</div>
                        </div>
                    </div>
                    <div class="abs bottom pnl-text">
                        <div class="abs bottom pnl-ext hide" id="pnlExt">
                            <div class="emoji-pnl scroll hide" id="emojiPnl">
                                <img class="emoji-item" key="/::<>"
                                    src="http://static.v5kf.com/images/emoji/qq/2009426203723341.gif" />
                                <img class="emoji-item" key="/::<>"
                                    src="http://static.v5kf.com/images/emoji/qq/2009426203723341.gif" />
                            </div>
                        </div>
                        <div class="ques-pnl scroll hide" id="quesPnl">
                            <ul class="questions unselect" id="ques"></ul>
                        </div>
                        <div class="abs top pnl-warn" id="pnlWarn">
                            <div class="fl right pnl-warn-right">
                                <span class="sess-status" id="sessStatus"></span>
                                <span id="val-left" style="display:none;">您还可以输入<span id="valleft">450</span>字</span>
                            </div>
                        </div>
                        <div class="abs cover pnl-input">
                            <textarea class="scroll" id="text" wrap="hard" placeholder="在此输入..."></textarea>
                            <div class="abs atcom-pnl scroll hide" id="atcomPnl">
                                <ul class="atcom" id="atcom">
                                </ul>
                            </div>
                        </div>
                        <div class="abs br pnl-btn" id="submit"
                            style="background-color: rgb(32, 196, 202); color: rgb(255, 255, 255);">发送</div>
                        <div class="pnl-support" id="copyright"><a href="#">东篱下</a></div>
                    </div>
                </div>
                <div class="abs right pnl-right">
                    <div class="slider-container hide"></div>
                    <div class="pnl-right-content">
                        <div class="pnl-tabs">
                            <div class="tab-btn active" id="hot-tab">常见问题</div>
                            <div class="tab-btn" id="rel-tab">相关问题</div>
                        </div>
                        <div class="pnl-hot">
                            <ul class="rel-list unselect" id="hots">
                            </ul>
                        </div>
                        <div class="pnl-rel" style="display: none;">
                            <ul class="rel-list unselect" id="rels">
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <script src="/js/jquery-3.5.1.min.js"></script>
    <script src="/js/kf.js"></script>
</body>

</html>